 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .xiaod{
            color:red;
        }
    </style>
 </head>
 <body>
    <div><!--无特殊含义，只是一个容器-->
        <h1>小滴课堂</h1>
        <p>一个教育机构</p>
    </div>
    <div>
        前端 后端 测试课程
    </div>
    <div>
        <span class="xiaod">小滴课堂</span>一个教育机构
    </div><!--行内元素，用作文本的容器-->
    <div>
        <ul><!--块级元素-->
            <li>html</li>
            <li>css</li>
            <li>js</li>
        </ul>
    </div>
    <table>
        <tr>
            <td>
                <!--块级元素-->
            </td>
        </tr>
    </table>
 </body>
 </html>